@charset "utf-8";
/* root.vn */

/*RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
h1,h2,h3,h4,h5,h6{ font-weight:bold;}
h1{font-size:24px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:15px}
h5{font-size:14px}
h6{font-size:12px}
a{text-decoration:none;color:#540604;}
a:hover{text-decoration:underline}
strong{font-weight:bold}
em{font-style:italic !important} 

/*MAIN LAYOUT*/

body{background:url(../../img/bg.jpg) repeat-x top #fff; font:12px Arial, Helvetica, sans-serif}
.container{ width:980px; margin:auto}
#header{}
.hd-bg{background:url(../../img/line.png) no-repeat; width:750px; height:118px;position:absolute; z-index:-50;}
.toplink{ min-height:22px;}
.toplink p{ float:left; color:#fff; line-height:20px}
.userpanel{ float:right; background:url(../../img/user-pn.jpg) no-repeat; padding-left:30px; line-height:20px}
.userpanel a{ color:#fff; margin:3px 0 0 10px}
.logo{float:left; margin-top:3px;}
.top-ads{ float:right; margin-top:3px}
.menu{ clear:both}
.home-menu a{ text-indent:-9999px; background:url(../../img/home-bg.png) no-repeat 0 -3px ; width:10px; }
#maincontent{ clear:both}
#featurenews{width:495px; height:385px; background:#f0f0f0; float:left}
.newsest{ float:left; width:170px; background:#f6f0ef; padding:0 5px; height:385px}
.newsest h3{ background:url(../../img/newsest.png) repeat-x; color:#fff; text-align:center; height:25px}
.newsest ul li{ background:url(../../img/dot.gif) no-repeat 0 5px; padding-left:15px; margin-bottom:5px; text-align: justify;}
.newsest ul li a{  font-weight:bold}
.recentnews{ border:1px solid #99CC99; clear: both; padding-left:3px;height:auto; background:#FFCC99}
.recentbox{ float:left; width:150px; padding:3px 8px; }
.recentbox img{border:1px solid #FF99CC; padding:1px}
.recentbox a{font-weight:bold}
.recentbox a span{ clear:both; }
.recentbox a:hover{ text-decoration:none; border:none}
.recentbox a:hover span{ text-decoration:underline}

.leftads{ margin:5px 0}
.cat-hotnews{ border:1px solid #ffcecc; clear:both; margin:8px 0; min-height:160px; overflow:hidden;}

.cat-hotnews h3 img{ float:left; margin:0 5px 0 8px; width:32px; position:relative; top:-5px; z-index:500}
.cat-title{ background:url(../../img/cat-title.png)  bottom repeat-x; color:#540604;height:32px; padding-left:50px; line-height:32px; width:624px; display:block; z-index: 20}
.cat-content{ padding:5px; clear:both;width:385px; float:left}
.cat-content img{ padding:2px; border:1px solid #666; background:#bbb; margin:5px; float:left}
.cat-content a{ font-weight:bold;}
.cat-content p strong{font-weight:normal}
.cat-listnews{ width:270px; float:right; background:url(../../img/listnews-bg.png) no-repeat center bottom; padding:0 3px 10px 3px}
.cat-listnews ul li{ background:url(../../img/dot2.png) no-repeat 4px 12px ; padding-left:12px; line-height:25px;}
.giaoduc{ }
.daotao{ }
.tailieu{}
#leftcol{ width:675px; float:left}
#rightcol{width:305px; float:left;}

.rcol-box{ margin:5px 0 0 5px; padding-bottom:5px;}

.banner_forum img{padding:5px 5px}
.rcol-title{ background:url(../../img/rcol-title.png) bottom repeat-x; height:48px}
.rcol-icon{ margin:0 10px; float:left}
.rcol-title h3{ padding-top:24px; color:#fff}
.rcol-content{border:1px solid #FFCECC; border-top:none; text-align:justify; padding:10px}
.rcol-content2{border:1px solid #FFCECC; border-top:none; text-align:justify; padding:10px}
.rcol-content img{ width:42px; float:left; clear:both; margin:5px}
.rcol-content2 img{ clear:both; margin:5px}


.rcol-training{border:1px solid #FFCECC; border-top:none; text-align:justify; padding:10px; min-height:250px; overflow:hidden}
.rcol-training a {float:left;}
.rcol-training img{ width:120px; float:left; clear:both; margin:5px}
.vertical_content{position:absolute;}
.vertical_scroller{position:relative;}
/* news details */
.img-details {float:left; margin:5px; padding:2px; background:#FFFFCC; border:1px solid #CCCCCC}
.p_details{padding: 10px 10px;}
.header_icon{font-size:16px; color:#FF0000; text-transform:uppercase; font-weight:bold}
.header_cname {font-size:14px; color:#666666; text-transform:uppercase;}
.header_cname a:hover {text-decoration:none; color:#FF0000}
.author_news{ float:right; font-weight:bold; text-align:left; padding-right:10px; padding-top:20px}
.author_news span {font-style:italic; }
.nclear {clear:both;}
.othernews{float:left; text-align:left; padding: 5px 0 5px 0;}
.othernews h4{ text-align:left; height:25px; color:#FF0000;}
.othernews ul li{ background:url(../../img/news-icon.png) no-repeat 0 5px; padding-left:15px; margin-bottom:5px}
.othernews ul li a{  font-weight:bold}
/* end news details */
.cauhoi{font-weight:bold; padding-top:5px;}
.traloi{clear:both}
.questionlist{margin:10px 0 ;}
.questionlist li{ background:url(../../img/dot-question.png) no-repeat left; padding-left:15px; line-height:20px}
.questionlist li a{ font-weight:bold}
.quest-bt{ text-transform:uppercase; width:115px; height:40px; margin:5px 0 5px 170px; background:url(../../img/quest-bt.png) no-repeat; display:block; text-align:center; line-height:40px; font-size:10px; color:#FF0000; font-weight:bold}
.quest-bt:hover{color:#111; text-decoration:none}
.camnhan{}
.cn-top{ width:45px; height:35px; float:left; background:url(../../img/cn-top.png) no-repeat left}
.cn-bottom{ background:url(../../img/cn-bottom.png) no-repeat right bottom; padding:0 35px 10px 0}
.cn-author{ font-weight:bold; font-style:italic; text-align:right; clear:both}
.pagename{ background:url(../../img/cat-title.png) repeat-x bottom;  padding:15px 10px 5px 10px; text-transform:uppercase; font-family:Tahoma, Arial, Helvetica, sans-serif}
.top-listnew{ width:360px; background:#E7EDED; padding:10px; float:left; text-align:justify}
.top-listnew img{ background:#fff; border:1px solid #555; padding:3px;}
.top-listnew h3{padding:5px 0}
.top-listnew p strong{font-weight:normal;}
.bh-listnew{ width:280px; float:left; margin-left:15px }
.bh-listnew h3{ color: red; padding-top:10px;}
.bh-listnew ul{ margin:10px 0}
.bh-listnew ul li{line-height:25px; padding-left:20px; background:url(../../img/dot.gif) no-repeat 3px 10px;}

.listnews-hotnews{ border:1px solid #ffcecc; clear:both; margin:8px 0;}
.listnews-hotnews h3 img{ float:left; margin:0 5px 0 8px; width:32px; position:relative; top:-5px; z-index:500}
.listnews-title{ background:url(../../img/cat-title.png)  bottom repeat-x; color:#540604;height:32px; padding-left:50px; line-height:32px; width:624px; display:block; z-index: 20}
.listnews-content{  clear:both; width:660px;}
.listnews-item img{ padding:2px; border:1px solid #666; background:#bbb; margin:5px; float:left}
.listnews-content a{font-weight:bold;}
.listnews-item{clear:both; margin:5px 0; min-height:105px; width:653px; padding:0 10px}
.listnews-item:hover{background:#CCFFCC}
.listnews-item strong{font-weight:normal}

#footer{ background:url(../../img/footer-bg.jpg) repeat-x 0 10px; min-height:140px; clear:both; padding-top:20px}
.ft-menu{}
.ft-menu li{ float:left; padding:0 10px; border-right:1px solid #fff; }
.ft-menu li a{ text-transform:uppercase; color:#fff; font-weight:bold; font-size:12px}
.ft-home a{ background:url(../../img/home-bg.png) no-repeat; width:32px; height:32px; text-indent:-9999px; display:block; position:relative; top:-8px;}
.ft-home{border:none !important}
.giayphep{clear:both; padding:10px; text-align:left; color:#fff; font-weight:bold;}
.giayphep a {color:#fff;}
.giayphep a:hover {color:#FFFF00; text-decoration:none}
#toTop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 64px;
    height: 64px;
    background-image: url('../../img/up.png');
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
#toTop:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}


/* form Contact */

#w{ margin:0 auto; width:675px; background: #fff; padding:10px;}

h1 {
    border-bottom: 1px solid #BBBBBB;
    color: #5B5463;
    font-family: 'Skranji','Trebuchet MS',sans-serif;
    font-size: 3.75em;
    font-weight: bold;
    line-height: 1.7em;
    margin-bottom: 7px;
    text-align: center;
    text-shadow: 0 2px #FFFFFF, 1px 3px #666666;
    text-transform: uppercase;
}
 
::selection { background: #d2bef5; }
::-moz-selection { background: #d2bef5; }
::-webkit-selection { background: #d2bef5; }
 
br { display: block; line-height: 2.2em; }
 
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }

/* form styles */
form .row {
  display: block;
  padding: 7px 8px;
  margin-bottom: 7px;
}
form .row:hover {
  background: #f1f7fa;
}
 
form label {
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  width: 120px;
  padding: 6px 0;
  color: #464646;
  vertical-align: top;
}
form .req { color: #ca5354; }
 
form .note {
  font-size: 1.2em;
  line-height: 1.33em;
  font-weight: normal;
  padding: 2px 7px;
  margin-bottom: 10px;
}
 
form input:focus, form textarea:focus { outline: none; }
 
/* placeholder styles: http://stackoverflow.com/a/2610741/477958 */
::-webkit-input-placeholder { color: #aaafbd; font-style: italic; } /* WebKit */
:-moz-placeholder { color: #aaafbd; font-style: italic; }           /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #aaafbd; font-style: italic; }          /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #aaafbd; font-style: italic; }      /* Internet Explorer 10+ */

form .txt {
  display: inline-block;
  padding: 8px 9px;
  padding-right: 30px;
  width: 240px;
  font-family: 'Oxygen', sans-serif;
  font-size: 1.35em;
  font-weight: normal;
  color: #898989;
  background-color: #f0f0f0;
  background-image: url('checkmark.png');
  background-position: 110% center;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  text-shadow: 0 1px 0 rgba(255,255,255,0.75);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(25, 25, 25, 0.25) inset, -1px 1px #fff;
  -moz-box-shadow: 0 1px 2px rgba(25, 25, 25, 0.25) inset, -1px 1px #fff;
  box-shadow: 0 1px 2px rgba(25, 25, 25, 0.25) inset, -1px 1px #fff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
 
form .txtarea {
  display: inline-block;
  padding: 8px 11px;
  padding-right: 30px;
  width: 320px;
  height: 120px;
  font-family: 'Oxygen', sans-serif;
  font-size: 1.35em;
  font-weight: normal;
  color: #898989;
  background-color: #f0f0f0;
  background-image: url('images/checkmark.png');
  background-position: 110% 4%;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  text-shadow: 0 1px 0 rgba(255,255,255,0.75);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px -1px #a8a8a8 inset;
  -moz-box-shadow: 0 1px 4px -1px #a8a8a8 inset;
  box-shadow: 0 1px 4px -1px #a8a8a8 inset;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

form .txt:focus, form .txtarea:focus {
  width: 300px;
  color: #545454;
  background-color: #fff;
  background-position: 110% center;
  background-repeat: no-repeat;
  border-color: #059;
  -webkit-box-shadow: 0 1px 4px -1px #a8a8a8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(70, 100, 200, 0.7);
  -moz-box-shadow: 0 1px 4px -1px #a8a8a8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(70, 100, 200, 0.7);
  box-shadow: 0 1px 4px -1px #a8a8a8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(70, 100, 200, 0.7);
}
form .txtarea:focus {
  width: 375px;
  background-position: 110% 4%;
}
 
form .txt:valid {
  background-color: #deecda;
  background-position: 98% center;
  background-repeat: no-repeat;
  color: #7d996e;
  border: 1px solid #95bc7d;
}
form .txtarea:valid {
  background-color: #deecda;
  background-position: 98% 4%;
  background-repeat: no-repeat;
  color: #7d996e;
  border: 1px solid #95bc7d;
}
form .txt:focus:valid, form .txtarea:focus:valid {
  -webkit-box-shadow: 0 1px 4px -1px #a8a8a8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(120, 200, 70, 0.7);
  -moz-box-shadow: 0 1px 4px -1px #a8a8a8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(120, 200, 70, 0.7);
  box-shadow: 0 1px 4px -1px #a8a8a8 inset, 0 1px rgba(255, 255, 255, 0.6), 0 0 11px rgba(120, 200, 70, 0.7); 
}

#submitbtn {
  height: 50px;
  width: 175px;
  padding: 0;
  cursor: pointer;
  font-family: 'Oxygen', Arial, sans-serif;
  font-size: 2.0em;
  color: #0a528f;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.65);
  border-width: 1px;
  border-style: solid;
  border-color: #317bd6 #3784e3 #2d74d5 #3774e3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #4581e5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6faefd), to(#4581e5));
  background-image: -webkit-linear-gradient(top, #6faefd, #4581e5);
  background-image: -moz-linear-gradient(top, #6faefd, #4581e5);
  background-image: -ms-linear-gradient(top, #6faefd, #4581e5);
  background-image: -o-linear-gradient(top, #6faefd, #4581e5);
  background-image: linear-gradient(top, #6faefd, #4581e5);
  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#submitbtn:hover, #submitbtn:focus {
  -webkit-box-shadow: 0 0 15px rgba(70, 100, 200, 0.9);
  -moz-box-shadow: 0 0 15px rgba(70, 100, 200, 0.9);
  box-shadow: 0 0 15px rgba(70, 100, 200, 0.9);
}
 
#submitbtn:active {
  -webkit-box-shadow: 0 0 15px rgba(70, 100, 200, 0.9), 0 1px 3px rgba(0,0,0,0.4) inset;
  -moz-box-shadow: 0 0 15px rgba(70, 100, 200, 0.9), 0 1px 3px rgba(0,0,0,0.4) inset;
  box-shadow: 0 0 15px rgba(70, 100, 200, 0.9), 0 1px 3px rgba(0,0,0,0.4) inset;
}
#CopyRight{
        width: 100%;
        margin: 30px auto 0;
        clear: both;
        float: left;
        text-align: center;
        font-family: "Arial", serif;
        color: white;
    }
